<link rel="stylesheet" type="text/css" href="assets/plugins/H-ui_v3.1.1/lib/icheck/icheck.css"/>
<p class="com-title">
	在线充值
</p>
<form class="site-selection-form form form-horizontal" id="siteSelectForm">
	<div class="row cl">
		<span class="form-label per15">
			当前余额：
		</span>
		<div class="formControls per75">
			¥0.00
		</div>
	</div>
	<div class="row cl">
		<label class="form-label per15">
			充值金额：
		</label>
		<div class="formControls per80">
			<div class="formControls per100 error-parent simulation-btn">
				<div class="radio-box">
					<input type="radio" id="radio-01" name="sum">
					<label for="radio-01">
						<div class="recharge-item">
							<h3 class="c-success"><b>100元</b></h3>
							<p>
								赠送10元
								<br />
								首充额外加送10元
							</p>
						</div>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-02" name="sum">
					<label for="radio-02">
						<div class="recharge-item">
							<h3 class="c-success"><b>1000元</b></h3>
							<p>
								赠送10元
								<br />
								首充额外加送10元
							</p>
						</div>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-03" name="sum">
					<label for="radio-03">
						<div class="recharge-item">
							<h3 class="c-success"><b>5000元</b></h3>
							<p>
								赠送10元
								<br />
								首充额外加送10元
							</p>
						</div>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-04" name="sum">
					<label for="radio-04">
						<div class="recharge-item">
							<h3 class="c-success"><b>10000元</b></h3>
							<p>
								赠送10元
								<br />
								首充额外加送10元
							</p>
						</div>
					</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="radio-05" name="sum">
					<label for="radio-05">
						<div class="recharge-item">
							<h3 class="c-success"><input type="text" class="input-text size-MINI"/></h3>
							<p>
								无优惠
							</p>
						</div>
					</label>
				</div>
			</div>
		</div>
	</div>
	<div class="row cl">
		<span class="form-label per15">
		</span>
		<div class="formControls per75">
			<button type="submit" class="btn btn-primary radius">确认充值</button>
		</div>
	</div>
</form>


<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/additional-methods.min.js"></script>
<script type="text/javascript" src="assets/plugins/H-ui_v3.1.1/lib/jquery.validation/messages_zh.js"></script>
<script type="text/javascript">
	$(function(){
		$('.row input').iCheck({
			checkboxClass: 'icheckbox-blue',
			radioClass: 'iradio-blue',
			increaseArea: '20%'
		})
		
		//表单验证
		$("#siteSelectForm").validate({
			rules:{
				sum:{
					required:true
				}
			},
			onkeyup:false,
			submitHandler:function(form){
				debugger
			},
			errorPlacement:function(error,element){
				error.appendTo(element.parents('.error-parent'));
			}
		});
	});
	
</script>